<template>
  <div class="content">
    <div class="pointsRules">
      <!-- 积分获取方式 -->
      <div class="way">
        <div class="title">
          <div class="order">
            1
          </div>
          <div class="name">
            积分获取方式
          </div>
        </div>
        <div class="con">
          <div>1）提交上课教室图片任务并且通过审批积<span>1分</span>。</div>
          <div>2）提交手写教案任务并且通过审批积<span>2分</span>。</div>
          <div>3）提交备课视频任务并且通过审批积<span>2分</span>。</div>
          <div>4）发起任一课程中任一环节的精彩视频审批并且通过审批积<span>5分</span>。<span>(同一课程的不同环节可叠加获取积分)</span>
          </div>
          <div>5）审批通过的手写教案和备课视频被管理员分享至“教研圈”积<span>5分</span>。</div>
          <div>6）审批通过的精彩视频被管理员分享至"教研圈"积<span>7分</span>。</div>
          <div>7）被分派权限的课程完成度到达100%积<span>1分</span>。<span>(同一课程完成度积分不会累加获得)</span></div>
        </div>
      </div>
      <!-- 积分使用规则 -->
      <div class="way rule">
        <div class="title">
          <div class="order">
            2
          </div>
          <div class="name">
            积分的使用规则
          </div>
        </div>
        <div class="con">
          <div>1）获得的积分将持续累加记为<span>“累计积分”</span>，当前持有的积分记为<span>“可用积分”</span>。</div>
          <div>2）"累计积分"作为获取奖章的唯一标准，获得相应的累计积分会获得相应奖章。</div>
          <div>3）"可用积分"可在积分商城获取线下奖励或服务，在商城兑换后找管理员线下获取奖品。<span>(积分商城暂未开启,敬请期待)</span></div>
          <div>4）累计积分不会被扣除，可用积分在积分商城兑换后将扣除相应的可用积分。</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.content {
  padding: 0.32rem 0.24rem 0;
  box-sizing: border-box;
  .pointsRules {
    .way {
      .title {
        display: flex;
        .order {
          width: 0.36rem;
          height: 0.36rem;
          line-height: 0.36rem;
          background: #f97329;
          border-radius: 50%;
          font-size: 0.27rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #ffffff;
          text-align: center;
        }
        .name {
          font-size: 0.28rem;
          font-family: PingFang SC;
          font-weight: 500;
          color: #f97329;
          margin-left: 0.17rem;
        }
      }
      .con {
        margin-top: 0.1rem;
        font-size: 0.26rem;
        font-family: PingFang SC;
        font-weight: 400;
        color: #333333;
        div {
          line-height: 0.45rem;
          span {
            color: #f97329;
          }
        }
      }
    }
    .rule {
      margin-top: 0.6rem;
    }
  }
}
</style>